


import { StyleSheet, Dimensions } from "react-native"


/****
 * 主题设计
 * 
 */

export const ThemeConfig = {
  //主题色
  themeColor: "#1890ff",

  //主字体色
  fontColor: "#323233",

  //标题色
  titleColor: "#333",

  //icon标识符
  iconColor: "#679bd1",


  //一级标题大小
  fontSizeTitle: 26,

  //卡片标题
  fontSizeSmall: 20,

  //一级标题大小
  fontSizeH1: 18,
  //二级标题大小
  fontSizeH2: 16,

  //主体内容大小
  fontSizeContent: 14,
  //主体描述
  fontSizeDesc: 12,

  //顶部状态栏高度
  topBar: 50,

  //tabar 高度
  tabarHeight: 46
}




/****
 * 公共的布局文件
 * 
 */

export default StyleSheet.create({
  container: {
    paddingLeft: 10,
    paddingRight: 10,
    paddingBottom: 10,
    paddingTop: 10,
    backgroundColor: '#fff',
    flex: 1
  },

  border: {
    borderColor: 'rgba(0,0,0,0.1)',
    borderWidth: 1,
    borderStyle: 'solid'

  },

  titleColor: {
    color: ThemeConfig.titleColor
  },

  contentColor: {
    color: ThemeConfig.fontColor
  },

  titleThemeColor: {
    color: ThemeConfig.themeColor
  },

  borderRadius: {
    borderRadius: 2
  },


  fontSizeH1: {
    fontSize: ThemeConfig.fontSizeH1
  },

  fontSizeH2: {
    fontSize: ThemeConfig.fontSizeH2
  },

  fontSizeContent: {
    fontSize: ThemeConfig.fontSizeContent
  },

  fontSizeDesc: {
    fontSize: ThemeConfig.fontSizeDesc
  },
  fontSizeSmall: {
    fontSize: ThemeConfig.fontSizeSmall
  },

  fontSizeTitle: {
    fontSize: ThemeConfig.fontSizeTitle
  },

  flexAuto: {
    flexShrink: 1,
    flexGrow: 1,
  },

  flexDirectionRowReverse: {

    flexDirection: "row-reverse"
  },

  flexDirectionRow: {
    flexDirection: "row"
  },
  flexDirectionColumn: {

    flexDirection: "column"
  },
  flexDirectionColumnReverse: {

    flexDirection: "column-reverse"
  },
  justifyContentBetween: {
    justifyContent: "space-between"
  },
  justifyContentAround: {
    justifyContent: "space-around"
  },

  justifyContentCenter: {
    justifyContent: "center"
  },

  justifyContentEnd: {
    justifyContent: "flex-end"
  },

  justifyContentStart: {
    justifyContent: "flex-start"
  },

  flexWrap: {
    flexWrap: "wrap"
  },

  flexreverse: {
    flexWrap: "wrap-reverse"
  },

  alignItemCenter: {
    alignItems: "center"
  },

  alignItemRight: {
    alignItems: "flex-end"
  },

  alignItemLeft: {
    alignItems: "flex-start"
  },
  alignItemStreth: {
    alignItems: "stretch",
  },

  verticalAlignMiddle: {
    verticalAlign: "middle",
  },


  mt5: {
    marginTop: 5
  },

  mt10: {
    marginTop: 10
  },
  mt15: {
    marginTop: 15
  },
  mt20: {
    marginTop: 20
  },

  ml2: {
    marginLeft: 2
  },
  ml5: {
    marginLeft: 5
  },
  ml10: {
    marginLeft: 10
  },
  ml15: {
    marginLeft: 15
  },
  ml100: {
    marginLeft: 100
  },
  mb5: {
    marginBottom: 5
  },
  mb10: {
    marginBottom: 10
  },
  mb15: {
    marginBottom: 15
  },
  mb20: {
    marginBottom: 20
  },
  mr5: {
    marginRight: 5
  },
  mr10: {
    marginRight: 10
  },
  mr15: {
    marginRight: 15
  },
  pl15: {
    paddingLeft: 15
  },
  pl10: {
    paddingLeft: 10
  },
  pl5: {
    paddingLeft: 5
  },
  pl0: {
    paddingLeft: 0
  },

  pr15: {
    paddingRight: 15
  },
  pr10: {
    paddingRight: 10
  },
  pr5: {
    paddingRight: 5
  },
  pr0: {
    paddingRight: 0
  },


  pt15: {
    paddingTop: 15
  },
  pt10: {
    paddingTop: 10
  },
  pt5: {
    paddingTop: 5
  },
  pt0: {
    paddingTop: 0
  },


  pb15: {
    paddingBottom: 15
  },
  pb10: {
    paddingBottom: 10
  },
  pb5: {
    paddingBottom: 5
  },
  pb0: {
    paddingBottom: 0
  },


  textCenter: {
    textAlign: "center",
  },

  positionA: {
    position: "absolute"
  },

  positionLeft: {
    left: 0
  }
});

